function getLink() {
    $.ajax({
        url: '/admin/links',
        success: function (res) {
            // 模板引擎
            const temp = template('table', res)
            $('tbody').html(temp)
            console.log(res);
        }
    })
}
getLink()


// 添加链接

// 自定义弹窗索引

var index;

$('.add-link').click(function () {
    // 弹窗
    index = layer.open({
        type: 1,
        title: '添加友情链接',
        content: $('#add-form-tpl').html(),
        area: ['600px', '400px']
    })


})
layui.form.verify({
    linkname: [/^[\S]{1,10}$/, '请输入1-10位']
})



// 点击立即上传的时候触发file
$(document).on('click', '#urlIcon', function () {
    console.log(11);
    // $(document).on('click', '#linkFile', function () { })
    $('#linkFile').click()
})

// 点击提交发送到后台
$(document).on('submit', '#add-form', function (e) {
    e.preventDefault()
    console.log(1);
    var link = new FormData(document.getElementById('add-form'))
    $.ajax({
        method: 'POST',
        url: '/admin/links',
        data: link,
        processData: false,
        contentType: false,
        success: function (res) {
            console.log(2);
            console.log(res);
            if (res.status === 0) {
                layer.close(index)
                layui.layer.msg(res.message)
                getLink()
            }
        }
    })
})




// 编辑
var indexs;
var id;
$('body').on('click', '#edit', function (e) {
    id = $(e.target).data('id')
    indexs = layer.open({
        type: 1,
        title: '编辑友情链接',
        content: $('#edit-form-tpl').html(),
        area: ['600px', '400px']
    })
})
$(document).on('click', '#urlIcons', function () {
    $('#linkFile').click()
})

$(document).on('submit', '#edit-form', function (e) {
    e.preventDefault()
    var links = new FormData(document.getElementById('edit-form'))
    $.ajax({
        method: 'PUT',
        url: '/admin/links/' + id,
        data: links,
        processData: false,
        contentType: false,
        success: function (res) {
            console.log(res);
            if (res.status === 0) {
                layer.close(indexs)
                layui.layer.msg(res.message)
                getLink()
            }
        }
    })
})


// $('body').on('click', '.edit', function (e) {

//     layui.layer.open({
//         type: 1,
//         title: '编辑友情链接',
//         content: $('#edit-form-tpl').html(),
//         area: ['600px', '400px'],
//         success: () => {
//             // 弹窗打开后
//             $.ajax({
//                 url: '/admin/links/' + $(this).attr('data-id'),
//                 success: function (res) {
//                     // 把数据填充到表单
//                     console.log(res);
//                     layui.form.val('#edit-from', res.data)
//                 }
//             })
//         }
//     })
// })
// 使用ajax发送给后台




// 删除
$('body').on('click', '.delete', function () {
    // console.log($(this).attr('data-id'));
    layui.layer.confirm('删除?', index => {

        $.ajax({
            url: '/admin/links/' + $(this).attr('data-id'),
            method: 'DELETE',
            success: function (res) {
                layui.layer.close(index)
                layui.layer.msg(res.message)
                getLink()

            }
        })
    })
})



// $('body').on('click', '.delete', function () {
//     // console.log($(this).attr('data-id'));
//     layui.layer.confirm('删除?', index => {

//         $.ajax({
//             url: '/admin/links/:id=' + $(this).attr('data-id'),
//             method: 'DELETE',
//             success: function (res) {
//                 layui.layer.close(index)
//                 layui.layer.msg(res.message)
//                 getLink()

//             }
//         })
//     })
// })


